import React from "react";
import {ActionIcon, Box, Text, Group, Tooltip} from "@mantine/core";
import {IconArrowLeft} from "@tabler/icons-react";
import Link from "next/link";
import classes from "./layout.module.css";

export default function Layout({children}: {children: React.ReactNode}) {
  return (
    <>
      <Box className={classes.box}>
        <Group>
          <Tooltip withArrow label="返回项目列表" position="left">
            <ActionIcon
              variant="default"
              component={Link}
              href="/ipdv2/tools/relay-simulation/list"
            >
              <IconArrowLeft size={16} />
            </ActionIcon>
          </Tooltip>
          <Text size="sm" fw={500}>
            {"中国移动CMNet骨干网十五期扩容工程"}
          </Text>
        </Group>
      </Box>

      <Box>{children}</Box>
    </>
  );
}
